<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.w3.org/1999/xhtml" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>操作日志</title>
    <link rel="stylesheet" href="/lib/layui-v2.6.3/css/layui.css" media="all">
    <link rel="stylesheet" href="/css/public.css" media="all">
    <link rel="stylesheet" href="/lib/font-awesome-4.7.0/css/font-awesome.min.css" media="all">
    <link rel="stylesheet" href="/lib/highlight/highlight.min.css">
    <link href="http://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <style>
        .layuimini-container {
            height: 1200px;
        }

        .table-search-fieldset {
            text-align: center;
            height: 175px;
            background-size: 100% 100%;
            padding-top: 60px;
            margin-top: 56px;

        }

        * {
            box-sizing: border-box;
        }

        #container {
            width: 500px;
            height: 820px;
            margin: 0 auto;
        }

        .bar6 {
            padding: 30px 0;
        }

        .bar6 form {
            position: relative;
            width: 600px;
            margin: 0 auto;
        }

        .bar6 .search-input, button {
            border: none;
            outline: none;
        }

        .bar6 .search-input {
            width: 600px;
            height: 42px;
            padding-left: 13px;
        }

        .bar6 button {
            height: 42px;
            width: 42px;
            cursor: pointer;
            position: absolute;
        }

        /*搜索框6*/
        .bar6 .search-input {
            border: 2px solid #51abef;
            border-radius: 4px;
            background: transparent;
            top: 0;
            right: 0;
        }

        .bar6 button {
            background: #51abef;
            border-radius: 0 5px 5px 0;
            width: 60px;
            top: 0;
            right: 0;
        }

        .bar6 button:before {
            content: "搜索";
            font-size: 13px;
            color: #F9F0DA;
        }

        .search-tip {
            background: #0aafe6;
            width: 500px;
            height: 120px;
        }


        .radio-search {
            text-align: center;
            padding: 20px;
        }


        .search-result {
            width: 100%;
            height: 900px;
            margin-top: 20px;
        }

        .search-result .search-result-left {
            width: 80%;
            height: 900px;
            border: 1px solid #e0e3e7;
            float: left;
        }

        .search-result-left .search-filter {
            width: 100%;
            height: 60px;
            padding-right: 10px;
            border-radius: 4px;
            border-top: 1px solid #efefef;
        }

        .search-result .search-result-right {
            width: 20%;
            height: 900px;
            float: right;
        }

        .search-result-right .search-result-right-adv-top {
            width: 95%;
            height: 202px;
            margin: 0 8px 2px;
            background: #c68ad7;
        }

        .report-notice-box {
            background: #fff;
            width: 95%;
            height: 333px;
            padding: 11px 17px;
            margin: 10px 8px 2px;
            box-shadow: 0 0 16px 0 rgba(0, 0, 0, .06);
            overflow: hidden;
            border: 1px solid #e0e3e7;
            border-radius: 4px;
        }

        .report-notice-box .report-notice-text[data-v-679fbcb8] {
            color: #606266;
            line-height: 20px;
            font-size: 14px;
            white-space: pre-wrap;
            word-wrap: break-word;
            margin: 0;
            font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Arial, PingFang SC, Microsoft YaHei, sans-serif;
        }

        /*搜索核心*/
        .list-template-box[data-v-47e15d8a] {
            cursor: pointer;
            position: relative;
            width: 100%;
            border: 1px solid #efefef;
            background: #fff;
            margin-bottom: 14px;
            border-radius: 4px;
            padding: 16px 14px;
        }

        .list-template-box .template-img-box img[data-v-47e15d8a] {
            display: block;
            width: 100%;
            height: 100%;
        }

        .list-template-box .template-img-box[data-v-47e15d8a] {
            position: absolute;
            width: 219px;
            height: 123px;
            overflow: hidden;
            border-radius: 4px;
        }

        .list-template-box .template-main-box-layout[data-v-47e15d8a] {
            padding-left: 219px;
            width: 100%;
        }

        .list-template-box .template-main-box-layout .template-main-box .title-box[data-v-47e15d8a] {
            margin-bottom: 12px;
            overflow: hidden;
        }

        .list-template-box .template-main-box-layout .template-main-box .text-box[data-v-47e15d8a] {
            font-size: 14px;
            color: #606266;
            line-height: 22px;
            text-align: justify;
            padding: 0 15px;
        }

        .list-template-box .template-main-box-layout .template-main-box .attribute-box.add-top[data-v-47e15d8a] {
            padding-top: 10px;
            padding-left: 10px;
        }

        .list-template-box .template-main-box-layout .template-main-box .title-box .icon-set-box img[data-v-47e15d8a] {
            float: right;
            width: 18px;
            margin-left: 14px;
        }

        .list-template-box .template-main-box-layout .template-main-box .attribute-box[data-v-47e15d8a] {
            overflow: hidden;
            margin-bottom: 14px;
            padding-top: 0;
            transition: .3s;
        }


        .list-template-box .template-main-box-layout .template-main-box .attribute-box .attribute-item[data-v-47e15d8a] {
            float: left;
        }

        .list-template-box .template-main-box-layout .template-main-box .attribute-box .attribute-item img[data-v-47e15d8a] {
            float: left;
            width: 15px;
            margin-right: 8px;
        }

        .list-template-box .template-main-box-layout .template-main-box .attribute-box .attribute-item .attribute-text.author-name[data-v-47e15d8a] {
            max-width: 180px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .list-template-box .template-main-box-layout .template-main-box .attribute-box .attribute-item .attribute-text[data-v-47e15d8a] {
            float: left;
            color: #909399;
            font-size: 14px;
            margin-right: 17px;
            max-width: 180px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }


    </style>
</head>
<body>
<div class="layuimini-container">
    <div class="layuimini-main">
        <!-- 上方搜索栏 -->

        <fieldset class="table-search-fieldset">

            <legend></legend>
            <div id="container">
                <div class="search bar6">
                    <form class="layui-form layui-form-pane">
                        <div class="layui-form-item">
                            <input class="search-input" id="search-input-main" type="text"
                                   placeholder="请输入您要搜索的内容...">
                            <button type="button" id="search-btn-main"></button>
                            <div class="radio-search">
                                热门搜索：
                                研发费用
                                第三方回款
                                上市障碍
                                进口替代
                                吸收合并
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </fieldset>

        <!-- 表格 -->
        <div class="search-result">
            <div class="search-result-left">
                <div class="search-filter">
                    <div data-v-510ef6d0="" class="home-filter-peroid"><span data-v-510ef6d0=""
                                                                             class="active"> 全部 </span><span
                            data-v-510ef6d0="" class=""> 近三天 </span><span data-v-510ef6d0="" class=""> 近一周 </span><span
                            data-v-510ef6d0="" class=""> 近一月 </span>
                    </div>
                </div>

                <!--搜索结果-->
                <div id="search-result">

                </div>

            </div>


            <div class="search-result-right">
                <div class="search-result-right-adv-top">
                    <img style="width: 100%" data-v-68345ba1="" src="../../images/r-entrance.11648ad6.jpg"
                         alt="信披严选报告">
                </div>
                <div class="search-result-right-adv-bottom report-notice-box">
                    <pre data-v-679fbcb8="" class="report-notice-text">更新公告：报告中心改版，后面陆续上线创业板、新三板研究成果，敬请期待。


服务理念：依托于优质的数据引擎和丰富的案例检索经验，为客户在上市过程中遇到的各种专项问题提供专业的信息支持，并站在公开市场角度，为客户提供独立、公正、公开的全市场方案整理，出具相关的市场信息分析报告，提高IPO效率。
                      </pre>
                </div>
            </div>
        </div>
    </div>

</div>
</div>
<!--表格头部工具类（左上）-->
<script type="text/html" id="toolbar-table-requestLog">
    <div class="layui-btn-container">
        <!-- 【刷新】-->
        <button class="layui-btn layui-btn-sm layuimini-btn-primary" lay-event="btn-requestLog-refresh"><i
                class="fa fa-refresh"></i></button>
        <!-- 【删除】 -->
        <button class="layui-btn layui-btn-sm layui-btn-danger" lay-event="btn-requestLog-delete"><i
                class="fa fa-trash-o"></i> 删除
        </button>
    </div>


</script>
<!--表格每行末尾的操作按钮-->
<script type="text/html" id="tool-table-requestLog">
    <a class="layui-btn layui-btn-xs layui-btn-normal" lay-event="requestLog-details">详情</a>
</script>

<!--引入JS文件-->
<script src="/lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script src="/js/lay-config.js?v=1.0.4" charset="utf-8"></script>
<script src="/lib/highlight/highlight.min.js"></script>

<script>
    layui.use(['table', 'dropdown'], function () {
        let $ = layui.jquery,
            form = layui.form,
            dropdown = layui.dropdown,
            table = layui.table;

        let currPage = 1;                    // 定义全局变量：记录当前页码
        //查询返回结果
        $.post("/report/getReportInfo", {
            keyword: "",
            page: 1
        }, function (d) {
            // 根据返回状态码输出提示信息，200 表示成功，其他表示失败
            if (d.code === 200) {
                if (d.data != null) {
                    $.globalVar = d.data;
                    var htmlData = "";
                    $.each(d.data, function (index, value) {
                        let htmlTemp = " <!--搜索结果展示 start-->\n" +
                            "                <div data-v-68345ba1=\"\" style=\"position: relative;\">\n" +
                            "                    <div data-v-68345ba1=\"\" class=\"top-sign-box\"></div>\n" +
                            "                    <div data-v-47e15d8a=\"\" data-v-68345ba1=\"\" class=\"list-template-box\">\n" +
                            "                        <div data-v-47e15d8a=\"\" class=\"template-img-box\">" +
                            " <img src=\"https://rd-xp-report.rongdasoft.com/els/reportanalyse/2023/2023-07-25/1690252707531.png?q-sign-algorithm=sha1&q-ak=AKIDXxA9ufFcnlW5lPyRluqgQ0Okv176aNep&q-sign-time=1714049523%3B1714654323&q-key-time=1714049523%3B1714654323&q-header-list=host&q-url-param-list=&q-signature=145e0e8e929d287c3cc9bde99a1b1599267b0803\" style='width: 200px;height: 133px'/>" +
                            "                         </div>\n" +
                            "                        <div data-v-47e15d8a=\"\" class=\"template-main-box-layout\">\n" +
                            "                            <div data-v-47e15d8a=\"\" class=\"template-main-box\">\n" +
                            "                                <div data-v-47e15d8a=\"\" class=\"title-box\"><p data-v-47e15d8a=\"\"\n" +
                            "                                                                             title=\"" + value.title + "\"" +
                            "                                                                             id=\"search-reaultid" + value.id + "\"" +
                            "                                                                             class=\"item-title\" style=\"width: 500px;\">\n" +
                            value.title
                            + "                                    <div data-v-47e15d8a=\"\" class=\"icon-set-box\"><img data-v-47e15d8a=\"\" title=\"分享\"\n" +
                            "                                                                                      src=\"\"\n" +
                            "                                                                                      alt=\"\"><img data-v-47e15d8a=\"\"\n" +
                            "                                                                                                  title=\"展开\"\n" +
                            "                                                                                                  src=\"\"\n" +
                            "                                                                                                  alt=\"\"\n" +
                            "                                                                                                  style=\"display: none;\"><img\n" +
                            "                                            data-v-47e15d8a=\"\" title=\"收起\"\n" +
                            "                                            src=\"\"\n" +
                            "                                            alt=\"\" style=\"\"><img data-v-47e15d8a=\"\" title=\"下载\"\n" +
                            "                                                                 src=\"\"\n" +
                            "                                                                             id=\"search-download" + value.id + "\"" +
                            "                                                                 alt=\"\"></div>\n" +
                            "                                </div>\n" +
                            "                                <div data-v-47e15d8a=\"\" class=\"text-box\" style=\"overflow: hidden;\">" +
                            value.abstracts
                            + "                                </div>\n" +
                            "                                <div data-v-47e15d8a=\"\" class=\"attribute-box add-top\">\n" +
                            "                                    <div data-v-47e15d8a=\"\" class=\"attribute-item\"><img data-v-47e15d8a=\"\" title=\"作者\"\n" +
                            "                                                                                        src=\"\"\n" +
                            "                                                                                        alt=\"\">\n" +
                            "                                        <p data-v-47e15d8a=\"\" title=\"一级市场研究部\"\n" +
                            "                                           class=\"attribute-text author-name\">一级市场研究部 </p></div>\n" +
                            "                                    <div data-v-47e15d8a=\"\" class=\"attribute-item type\">" +
                            "                                           <img data-v-47e15d8a=\"\" title=\"专栏\"\n" +
                            "                                            src=\"\"\n" +
                            "                                            alt=\"\" class=\"act\">\n" +
                            "                                        <p data-v-47e15d8a=\"\" title=\"IPO市场研究报告\" class=\"attribute-text\">\n" +
                            "                                            IPO市场研究报告</p></div><!---->\n" +
                            "                                    <div data-v-47e15d8a=\"\" class=\"attribute-item\"><img data-v-47e15d8a=\"\"\n" +
                            "                                                                                        title=\"发布时间\"\n" +
                            "                                                                                        src=\"\"\n" +
                            "                                                                                        alt=\"\">\n" +
                            "                                        <p data-v-47e15d8a=\"\" class=\"attribute-text\"> " +
                            value.upDateStr
                            + "</p></div>\n" +
                            "                                    <div data-v-47e15d8a=\"\" class=\"attribute-item\"><img data-v-47e15d8a=\"\"\n" +
                            "                                                                                        title=\"浏览量\"\n" +
                            "                                                                                        src=\"\"\n" +
                            "                                                                                        alt=\"\">\n" +
                            "                                        <p data-v-47e15d8a=\"\" class=\"attribute-text\"> 1823 </p></div><!----></div>\n" +
                            "                            </div>\n" +
                            "                        </div>\n" +
                            "                    </div>\n" +
                            "                </div>\n" +
                            "\n" +
                            "                <!--搜索结果展示 end-->"
                        htmlData += htmlTemp;
                    });
                    $("#search-result").html(htmlData);

                    //详情页
                    $.each(d.data, function (idx, value) {
                        console.log("#search-reaultid" + value.id);
                        $("#search-reaultid" + value.id).click(function () {
                            layer.open({
                                type: 1,
                                shade: 0.2,
                                title: '报告详情',
                                skin: 'layui-layer-prompt',
                                shadeClose: true,
                                area: ['900px', '800px'],
                                content: "<div id=\"viewer-container\" style='height: 800px'></div>",
                                success: function (layero, index) {
                                    // 数据库表详情
                                    $("#viewer-container").html("<iframe src=\"https://weixin.qianlima.com/qlmYFB/pdf/web/viewer.html?file=https%3A%2F%2Fyfb-file.oss-cn-hangzhou.aliyuncs.com%2Findustry_reports%2F20240409%2F1712650317107.pdf%3FExpires%3D4866250320%26OSSAccessKeyId%3DLTAIOb2FQSkCEu7K%26Signature%3DYyX4l099xTc6E9WPmsgimF4ErMI%253D\" width=\"100%\" height=\"100%\" frameborder=\"no\" ,=\"\" border=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" allowtransparency=\"yes\"></iframe>")
                                }
                            });
                        });

                        $("#search-download" + value.id).click(function () {
                            $.post("/report/downloadFile", {
                                id: value.id
                            }, function (data) {
                                // ajax将返回数据转换为string，再利用该string创建Blob对象，下载的文件无法正确打开，数据可能已经被破坏
                                var blob = new Blob([data]);
                                var a = document.createElement('a');
                                a.download = value.title + ".doc";
                                a.href=window.URL.createObjectURL(blob);
                                a.click()
                            });
                        });
                    });
                }
            } else {
                layer.msg(d.msg, {time: 3000, icon: 2});
                $("#search-result").html("");
            }
        });

        // 表格
        $("#search-btn-main").click(function () {
            console.log($("#search-input-main").val());
            let searchData = $("#search-input-main").val();
            if (searchData == null) {
                return;
            }
            $.post("/report/getReportInfo", {
                keyword: searchData,
                page: 1
            }, function (d) {
                // 根据返回状态码输出提示信息，200 表示成功，其他表示失败
                if (d.code === 200) {
                    if (d.data != null) {
                        $.globalVar = d.data;
                        var htmlData = "";
                        $.each(d.data, function (index, value) {
                            let htmlTemp = " <!--搜索结果展示 start-->\n" +
                                "                <div data-v-68345ba1=\"\" style=\"position: relative;\">\n" +
                                "                    <div data-v-68345ba1=\"\" class=\"top-sign-box\"></div>\n" +
                                "                    <div data-v-47e15d8a=\"\" data-v-68345ba1=\"\" class=\"list-template-box\">\n" +
                                "                        <div data-v-47e15d8a=\"\" class=\"template-img-box\">" +
                                " <img src=\"https://rd-xp-report.rongdasoft.com/els/reportanalyse/2023/2023-07-25/1690252707531.png?q-sign-algorithm=sha1&q-ak=AKIDXxA9ufFcnlW5lPyRluqgQ0Okv176aNep&q-sign-time=1714049523%3B1714654323&q-key-time=1714049523%3B1714654323&q-header-list=host&q-url-param-list=&q-signature=145e0e8e929d287c3cc9bde99a1b1599267b0803\" style='width: 200px;height: 133px'/>" +
                                "                         </div>\n" +
                                "                        <div data-v-47e15d8a=\"\" class=\"template-main-box-layout\">\n" +
                                "                            <div data-v-47e15d8a=\"\" class=\"template-main-box\">\n" +
                                "                                <div data-v-47e15d8a=\"\" class=\"title-box\"><p data-v-47e15d8a=\"\"\n" +
                                "                                                                             title=\"" + value.title + "\"" +
                                "                                                                             id=\"search-reaultid" + value.id + "\"" +
                                "                                                                             class=\"item-title\" style=\"width: 500px;\">\n" +
                                value.title
                                + " </p>                                   <div data-v-47e15d8a=\"\" class=\"icon-set-box\"><img data-v-47e15d8a=\"\" title=\"分享\"\n" +
                                "                                                                                      src=\"\"\n" +
                                "                                                                                      alt=\"\"><img data-v-47e15d8a=\"\"\n" +
                                "                                                                                                  title=\"展开\"\n" +
                                "                                                                                                  src=\"\"\n" +
                                "                                                                                                  alt=\"\"\n" +
                                "                                                                                                  style=\"display: none;\"><img\n" +
                                "                                            data-v-47e15d8a=\"\" title=\"收起\"\n" +
                                "                                            src=\"\"\n" +
                                "                                            alt=\"\" style=\"\"><img data-v-47e15d8a=\"\" title=\"下载\"\n" +
                                "                                                                 src=\"\"\n" +
                                "                                                                             id=\"search-download" + value.id + "\"" +
                                " alt=\"\" /></div>\n" +
                                "                                </div>\n" +
                                "                                <div data-v-47e15d8a=\"\" class=\"text-box\" style=\"overflow: hidden;\">" +
                                value.abstracts
                                + "                                </div>\n" +
                                "                                <div data-v-47e15d8a=\"\" class=\"attribute-box add-top\">\n" +
                                "                                    <div data-v-47e15d8a=\"\" class=\"attribute-item\"><img data-v-47e15d8a=\"\" title=\"作者\"\n" +
                                "                                                                                        src=\"\"\n" +
                                "                                                                                        alt=\"\">\n" +
                                "                                        <p data-v-47e15d8a=\"\" title=\"一级市场研究部\"\n" +
                                "                                           class=\"attribute-text author-name\">一级市场研究部 </p></div>\n" +
                                "                                    <div data-v-47e15d8a=\"\" class=\"attribute-item type\">" +
                                "                                           <img data-v-47e15d8a=\"\" title=\"专栏\"\n" +
                                "                                            src=\"\"\n" +
                                "                                            alt=\"\" class=\"act\">\n" +
                                "                                        <p data-v-47e15d8a=\"\" title=\"IPO市场研究报告\" class=\"attribute-text\">\n" +
                                "                                            IPO市场研究报告</p></div><!---->\n" +
                                "                                    <div data-v-47e15d8a=\"\" class=\"attribute-item\"><img data-v-47e15d8a=\"\"\n" +
                                "                                                                                        title=\"发布时间\"\n" +
                                "                                                                                        src=\"\"\n" +
                                "                                                                                        alt=\"\">\n" +
                                "                                        <p data-v-47e15d8a=\"\" class=\"attribute-text\"> " +
                                value.upDateStr
                                + "</p><div id='reportId' style='visibility: hidden'>" +
                                value.id
                                + "</div></div>\n" +
                                "                                    <div data-v-47e15d8a=\"\" class=\"attribute-item\"><img data-v-47e15d8a=\"\"\n" +
                                "                                                                                        title=\"浏览量\"\n" +
                                "                                                                                        src=\"\"\n" +
                                "                                                                                        alt=\"\">\n" +
                                "                                        <p data-v-47e15d8a=\"\" class=\"attribute-text\"> 1823 </p></div><!----></div>\n" +
                                "                            </div>\n" +
                                "                        </div>\n" +
                                "                    </div>\n" +
                                "                </div>\n" +
                                "\n" +
                                "                <!--搜索结果展示 end-->"
                            htmlData += htmlTemp;


                        });
                        $("#search-result").html(htmlData);

                        //详情页
                        $.each(d.data, function (index, value) {
                            console.log("#search-reaultid" + value.id);
                            $("#search-reaultid" + value.id).click(function () {
                                layer.open({
                                    type: 1,
                                    shade: 0.2,
                                    title: '报告详情',
                                    skin: 'layui-layer-prompt',
                                    shadeClose: true,
                                    area: ['900px', '800px'],
                                    content: "<div id=\"viewer-container\" style='height: 800px'></div>",
                                    success: function (layero, index) {
                                        // 数据库表详情
                                        $("#viewer-container").html("<iframe src=\"https://weixin.qianlima.com/qlmYFB/pdf/web/viewer.html?file=https%3A%2F%2Fyfb-file.oss-cn-hangzhou.aliyuncs.com%2Findustry_reports%2F20240409%2F1712650317107.pdf%3FExpires%3D4866250320%26OSSAccessKeyId%3DLTAIOb2FQSkCEu7K%26Signature%3DYyX4l099xTc6E9WPmsgimF4ErMI%253D\" width=\"100%\" height=\"100%\" frameborder=\"no\" ,=\"\" border=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" allowtransparency=\"yes\"></iframe>");
                                    }
                                });
                            });

                            $("#search-download" + value.id).click(function () {
                                $.post("/report/downloadFile", {
                                    id: value.id
                                }, function (data) {
                                    // ajax将返回数据转换为string，再利用该string创建Blob对象，下载的文件无法正确打开，数据可能已经被破坏
                                    var blob = new Blob([data]);
                                    var a = document.createElement('a');
                                    a.download = value.title + ".doc";
                                    a.href=window.URL.createObjectURL(blob);
                                    a.click()
                                });
                            });
                        });

                    }


                } else {
                    layer.msg(d.msg, {time: 3000, icon: 2});
                    $("#search-result").html("");
                }
            });
        });

    });
</script>
</body>
</html>